<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>投保单信息修改</title>
    <link href="../static/css/bootstrap.css" rel="stylesheet">
    <link href="../static/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="../static/css/style.min.css" rel="stylesheet">
    <link href="../static/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <style type="text/css">
        html, body {
            background: url("../static/img/16.jpg");
            background-repeat: no-repeat;
            background-size: 100% 100%;
            background-attachment: fixed;

        }
        label{

            width: 150px;
            margin-left: auto;

            display: inline-block;
            margin-top: 20px;
font-size: 150%;
            text-align: center;

        }
        input{
            padding: 4px;
            width: 300px;
            margin-left: 0px;

        }
        #btn{
            margin-left: 230px;
            width: 150px;

        }
        body{
            text-align:auto;
        }
        h3{

        }
    </style>
</head>
<body>
<div class="">
    <form th:action="@{/updatetoubaodaninfo}" method="post">
        <h2 align="center">投保单信息修改</h2>
        <div id="item">
            <label>投保单号</label>
            <input type="text" id="id" name="id" />
        </div>
        <div id="item">
            <label>投保人姓名</label>
            <input type="text" id="uname" name="uname" />
        </div>

        <div id="item">
            <label>被保人姓名</label>
            <input type="text" id="bname" name="bname" />
        </div>

        <div id="item">
            <label>车辆名称</label>
            <input type="text" id="carname" name="carname" />
        </div>
        <div id="item">
            <label>保单号</label>
            <input type="text" id="policyid" name="policyid" />
        </div>
        <div id="item">
            <label>状态</label>
            <input type="text" id="states" name="states"/>
        </div>
        <div id="item">
            <label>原因</label><br>

             <input  type="radio" id="bec1" name="bec" value="车辆行驶里程过大"><h3>车辆行驶里程过大</h3>
             <input type="radio" id="bec2" name="bec" value="车辆事故率过高"><h3>车辆事故率过高</h3>
             <input type="radio" id="bec" name="bec" value="车辆年限过高"><h3>车辆年限过高</h3>
        </div>
        <br />

        <tr >
            <td><button type="submit" class="layui-btn layui-btn-normal" id="btn">提交</button></td>
        </tr>
    </form>
</div>
<script src="../static/js/jquery-3.1.1.min.js"></script>
<script>
    $(function(){
        a();
        function a(){
            var data = parent.data;
            console.log(data);
            $("#id").val(data.id);
            $("#uname").val(data.uname);
            $("#bname").val(data.bname);
            $("#carname").val(data.carname);
            $("#policyid").val(data.policyid);
            $("#states").val(data.states);
            $("#bec").val(data.bec);

        }
    });
</script>
</body>
</html>